$(function(){

    $(".allprice").on('click',function(){
        $('.caidan3').toggle(); 
        $('.caidan1').hide()
        $('.caidan2').hide()      
    });
    // 默认商品列表
    var sid=0;
    var aid=0;
    pro(0,0);
    function pro(sid,aid){
        $.ajax({
            method:"get",
            url:"http://193.112.55.79:9090/api/getgsproduct",
            // url:"http://193.112.55.79:9090/api/getgsproduct?shopid="+sid+"&areaid="+aid,
            data:{
                shopid:sid,
                areaid:aid
            },
            // dataType: "json",
            success: function (res) {
              console.log(res);
              if(res.result.length!=0){
                // 渲染数据
                var html=template('product',res.result);
                // 生成结构
                $(".product").html(html);
              }
            }
        }); 
    }
    // 下拉菜单请求数据

    /* 店铺 */
    $.ajax({
        method:"get",
        url:"http://193.112.55.79:9090/api/getgsshop",
        // data:"data",
        dataType: "json",
        success: function (res) {
          console.log(res);
          if(res.result.length!=0){
            // 渲染数据
            var html=template('coudan1',res.result);
            // 生成结构
            $(".caidan1").html(html);
            // 下拉菜单的点击事件
            $(".shop").on('click',function(){
                $('.caidan1').toggle();
                $('.caidan2').hide();
                $('.caidan3').hide();                     
           });
             $(".caidan1").on('click',"li",function(e){
              e.preventDefault()
              console.log(this,'this');
              console.log($(this),'$(this)')
              $(this).find('span').addClass('glyphicon glyphicon-ok');
              console.log($(this).siblings().find('a span').removeClass('glyphicon glyphicon-ok'));
              var title =$(this).text();
              $(".jdTitle").text(title);
              $('.caidan1').toggle();
              sid=parseInt($(this).attr("id"));
              pro(aid,sid);
             });
          }
        }
    });
    // 地区
    $.ajax({
        method:"get",
        url:"http://193.112.55.79:9090/api/getgsshoparea",
        // data:"data",
        dataType: "json",
        success: function (res) {
          console.log(res);
          if(res.result.length!=0){
            // 渲染数据
            var html=template('coudan2',res.result);
            // 生成结构
            $(".caidan2").html(html);
            $(".location").on('click',function(){
                $('.caidan2').toggle(); 
                $('.caidan1').hide()
                $('.caidan3').hide()  
            });     
            $(".caidan2").on('click',"li",function(e){
                e.preventDefault()
              console.log(this,'this');
              console.log($(this),'$(this)')
              $(this).find('span').addClass('glyphicon glyphicon-ok');
              console.log($(this).siblings().find('a span').removeClass('glyphicon glyphicon-ok'));
              var title =$(this).text().substr(0,2);
                $(".loTitle").text(title);    
                $('.caidan2').toggle();
                console.log($(this));
                aid=parseInt($(this).attr("id"));
                pro(aid,sid);
            });
          }
        }
    });


})